// pagesLuxian/pages/xiangzhenDetail/index.js
const app = getApp();
import { baseUrl } from "../../../api/request";
import { getMapDistance } from "../../../utils/address";
import { getStorage } from "../../../utils/localStorage";
import { ruralData_Info } from "../../../api/luxian";
Page({

    /**
     * 页面的初始数据
     */
    data: {
        //图片地址
        baseUrl: baseUrl,
        //navBar组件参数
        navData: {
            title: '乡镇详情',
            level: 2,
        },
        //经纬度数据
        latlng: {},
        //页面导航栏高度
        pageTop: app.globalData.navHeight + app.globalData.navTop + 10,
        pageBottom: app.globalData.bottomLift,
        detailedData: [],
    },

    /**
     * 生命周期函数--监听页面加载
     */
    onLoad(options) {
        this.setData({
            latlng: getStorage("latLng"),
        });
        if (JSON.stringify(options) && options.id) {
            this.getInfo(options.id);
        } else {
            wx.showToast({
                icon: 'none',
                title: '详情ID获取失败',
                duration: 200
            });
        };
    },


    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady() {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow() {

    },

    //获取乡镇详情数据
    getInfo(id) {
        ruralData_Info({ travelId: id }).then(res => {
            res.data.data.forEach((item, index) => {
                item.distance = getMapDistance(this.data.latlng.lat, this.data.latlng.lng, item.latitude, item.longitude);
                item.villageImage = item.villageImage ? item.villageImage.split(",") : [];
                item.villageLabel = item.villageLabel ? item.villageLabel.split(",") : [];
                item.wzState = index === 0 ? true : false;
                item.zkState = false;
            });
            this.setData({
                detailedData: res.data.data
            });
        });
    },
    //咱开收起箭头按钮点击事件
    zkzsTap(e) {
        const index = e.currentTarget.dataset.index,
            item = e.currentTarget.dataset.item;
        let arr = [];
        this.data.detailedData.forEach(val => {
            val.id === item.id ? val.wzState = true : val.wzState = false;
            arr.push(val);
        });
        this.setData({
            detailedData: arr,
        });
    },
    //展开按钮点击事件
    zanKaiTap(e) {
        const state = e.currentTarget.dataset.state,
            index = e.currentTarget.dataset.index,
            value = "detailedData[" + index + "].zkState";
        this.setData({ [value]: !state });
    },

    /* 图片放大功能 */
    imgTap(e) {
        const url = e.currentTarget.dataset.url,
            urlList = e.currentTarget.dataset.urllist;
        console.log(url, urlList);
        if (url) {
            const arr = urlList.map(item => this.data.baseUrl + item);
            app.imagePreview(url, arr);
        };
    },


    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide() {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload() {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh() {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom() {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage() {

    }
})